
<template>
  <el-card class="box-card">
    <div id="app">
    <h1>権限一覧</h1>
    <el-row>
  <el-button type="primary">+新规作成</el-button>
</el-row>
     
   <el-table :data="tableData" border style="width: 100%">

        <el-table-column 
        prop="authorityCode" 
        label="コード" >      
      </el-table-column>
        <el-table-column 
        prop="authorityName" 
        label="権限名称" >
      </el-table-column>
        <el-table-column label="操作" >
          <template slot-scope="scope" class="active">
            <el-button @click="handleEdit(scope.$index, scope.row)" type="primary" >编辑</el-button>
            <el-button @click="handleDelete(scope.$index, scope.row)" type="danger" >删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    </el-card>
 </template>


<script>

import axios from "axios";
export default  {
    name:"FormCheckbox",
data(){
return{
  tableData: [{}]
}
},
  methods: {
    get(){
      axios
          .post("http://localhost:8089/bff/authority/info",{
           
          })
          .then((response) => {
              console.log(response.data.resultDto)
               this.tableData=[response.data.resultDto]
          })
          .catch((error) => {                                                                        
              console.log(error);
          });
    }
    
  },
  created(){
      this.get()
  },
};

</script>
